<meta charset="UTF-8">
<div class="main-sidebar out">
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar inside">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu">
      	
      	<li ng-show='data.checked' style='padding: 0px 0px 0px 0px;' class="header" ng-repeat='data in pathData.children' >
      		<label class='li_label' >{{data.name}}</label>
      		<div id='mulu_{{data.id}}'  ng-show='data.checked' ng-repeat='data in data.children' class='li_label_div' on-finish-render-filters3>
      			<a href="#/{{data.path}}" ng-click='modalToggle(data.id)' ng-show="data.path != '' ">
      				<i class="fa fa-book" ></i>
      				<span class='label_span' style='font-size: 14px;'>{{data.name}}</span>
      			</a>
      			<a href="javascript:void(0)" ng-click='modalToggle(data.id)' ng-show="data.path == '' ">
      				<i class="fa fa-book" ></i>
      				<span class='label_span' style='font-size: 14px;'>{{data.name}}</span>
      				 <span class="pull-right-container">
	              <i class="fa fa-angle-left pull-right"></i>
	            </span>
      			</a>
	      			<div id='mulu_{{data.id}}' class='toggle_{{data.parentId}}' ng-show='data.checked' ng-repeat='data in data.children' >
	      				<a href="#/{{data.path}}" style='padding: 5px 0px 0px 0px;'>
		      				<i class="fa fa-circle-o" style='font-size: initial;'></i>
		      				<span class='label_span'>{{data.name}}</span>
	      				</a>
	      			</div>
      		</div>
      	</li>
      	
      	
      <!-- base -->
        <!--<li class="header"><b>基础设置</b></li>
        <li><a href="#/corporation" ng-click="showCorporation()"><i class="fa fa-book"></i> <span>企业信息</span></a></li>
        <li><a href="#/department" ng-click="department()" id="goDept"><i class="fa fa-book"></i> <span>组织架构</span></a></li>
        <li><a href="#/period" ng-click="showPeriod()"><i class="fa fa-book"></i> <span>餐别管理</span></a></li>
        <li><a href="#/users"><i class="fa fa-book"></i> <span>用户管理</span></a></li>
        <li><a href="#/stallSetting" ng-click="showWindows()"><i class="fa fa-book"></i> <span>档口设置</span></a></li>
        <li><a href="#/priceModule" ng-click="showPrice()"><i class="fa fa-book"></i> <span>售价模板</span></a></li>
        <li><a href="#/loginLog"><i class="fa fa-book"></i> <span>登录日志</span></a></li>-->-->
        <!-- cards -->
        <!--<li class="header">卡务管理</li>
        <li><a href="#/mealCardType"><i class="fa fa-book"></i> <span>餐卡类别</span></a></li>
        <li><a href="#/cardManage"><i class="fa fa-book"></i> <span>餐卡管理</span></a></li>
        <li><a href="#/cardManage2"><i class="fa fa-book"></i> <span>餐卡管理本地</span></a></li>
        <li><a href="#/operationRecord/total"><i class="fa fa-book"></i> <span>操作记录</span></a></li>
        <li><a href="#/businessCollect"><i class="fa fa-book"></i> <span>交易汇总</span></a></li>
        <li><a href="#/mealCardAudit"><i class="fa fa-book"></i> <span>消费记录</span></a></li>-->
        <!--<li><a href="#/consumeRecordManage"><i class="fa fa-book"></i> <span>消费记录管理</span></a></li>-->
        <!-- menus -->
        <!--<li class="header">菜谱管理</li>
        <li><a href="#/dishesSetup"><i class="fa fa-book"></i> <span>菜品设置</span></a></li>
        <li><a href="#/packageManage"><i class="fa fa-book"></i> <span>套餐管理</span></a></li>
        <li><a href="#/menuTemplate"><i class="fa fa-book"></i> <span>菜谱模板</span></a></li>
         <li><a href="#/dishPublish"><i class="fa fa-book"></i> <span>菜谱计划</span></a></li>
        <li><a href="#/intelPublish"><i class="fa fa-book"></i> <span>智能发布</span></a></li>-->
        <!--<li class="header">生产管理</li>
        <li><a href="#/productionPlan"><i class="fa fa-book"></i> <span>生产计划</span></a></li>
        <li><a href="#/leftover"><i class="fa fa-book"></i> <span>剩菜管理</span></a></li>
        <li><a href="#/proceduresAndWorkshop"><i class="fa fa-book"></i> <span>工序与车间管理</span></a></li>
        <li><a href="#/achievement"><i class="fa fa-book"></i> <span>生产业绩</span></a></li>
        <li><a href="#/itemSource"><i class="fa fa-book"></i> <span>菜品溯源</span></a></li>-->
        <!-- reports -->
        <!--<li class="header">决策分析</li>
        <li><a href="#/canteenCash"><i class="fa fa-book"></i> <span>食堂终端收银日报</span></a></li>
        <li><a href="#/othersCash"><i class="fa fa-book"></i> <span>其他消费终端收银统计</span></a></li>
        <li><a href="#/summaryReport"><i class="fa fa-book"></i> <span>终端消费汇总</span></a></li>
        <li><a href="#/itemsSalesReport"><i class="fa fa-book"></i> <span>菜品销售统计</span></a></li>
        <li><a href="#/itemPriceAnalysis"><i class="fa fa-book"></i> <span>菜品价格分析</span></a></li>
        <li><a href="#/productSales"><i class="fa fa-book"></i> <span>菜品生产/销售对比</span></a></li>-->
        <!-- finance -->
        <!--<li class="header">财务统计</li>
        <li><a href="#/dayReport"><i class="fa fa-book"></i> <span>营业日报</span></a></li>
        <li><a href="#/billData"><i class="fa fa-book"></i> <span>账单查询</span></a></li>
        <li><a href="#/sendBack"><i class="fa fa-book"></i> <span>发卡退卡</span></a></li>-->
        <!--<li class="header">测试区</li>
        <li><a href="#/leftover"><i class="fa fa-book"></i> <span>剩菜管理</span></a></li>-->
        <!--<li><a href="#/materiel"><i class="fa fa-book"></i> <span>物料管理</span></a></li>-->
        <!--
        	作者：leeeeyx@hotmail.com
        	时间：2017-06-29
        	描述：循环报表
        --> 
        <!--<span ng-repeat = "r in reportsList">
	        <li class="header" style="color: #4b646f;">{{r.name}}</li>
	        <li ng-repeat = "sonr in r.reports track by $index" ng-click="getRid(sonr.id)"><a href="#{{sonr.url}}" class="repeatA"><i class="fa fa-book"></i> <span>{{sonr.name}}</span></a></li>
        </span>-->
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>
</div>
<style>
		.li_label{margin: 10px 0px 0px 10px;height: 30px;}
		.li_label_div{padding: 0px 0px 0px 10px;background: #222d32;}
		.li_label_div a {border-left: 3px solid transparent;color: #b8c7ce;position: relative;padding: 12px 5px 12px 15px;display: block;
      				text-decoration: none !important;background-color: transparent;} 
    .li_label_div a i {width: 20px;font-size: initial;} 
    .label_span{font-size: 14px;}
    .a_img{width: 20px;float: right;margin: 5px 5px 0px 0px;}
    .li_label_div  div{height: 35px;line-height: 35px;background-color: #2c3b41;margin-left: -10px;padding-left: 35px;padding-bottom: 40px;}
    .header .active{background-color: #1e282c;border-left: 3px solid;border-left-color: #3c8dbc;}
</style>
<script>
//	$('.sidebar-menu li').not('.header').on('click',function(){
//		$(this).siblings().not('.header').removeAttr('class','active')
//		$(this).attr('class','active')
//	})
//	
//	$('.li_label_div').on('click',function(){
//		console.log(66666);
//		$(this).siblings().removeAttr('class','active')
//		$(this).attr('class','active')
//	})

//		$('.li_label_div').each(function(){
//			$(this).on('click',function(){
//				console.log(66666666666666);
//			});
//		});
	
</script>




